<h2 class='shrink-bottom'>Contact</h2>
<div id='main-form-info' class='shrink-top'>N'hésitez pas à prendre contact avec nous en remplissant le formulaire ci-dessous</div>
<div id='main-form-content'>
  <?php echo $data['contact']; ?>
  <div id='cache-info'><br>
    <span class='red-required cache'>*</span> : champs indispensables
    <br>
    <span class='green-optional cache'>*</span> : merci de compléter l'un ou l'autre (ou les deux)
  </div>
</div>

<script type="text/javascript">
$(document).ready(function(){
  $("#lastname-element").focus();
});

$('#main-form-contact').submit(function(){
  $('#cache-info').hide();
  $('#main-form-contact').fadeOut('slow', function(){
    $('#main-form-contact').before('<img id="main-ajax-loader" src="<?php echo $data['baseurl']; ?>global/img/contact/ajax-loader.gif">');
    url='<?php echo $data['baseurl']; ?>contact';
    var request = $.ajax({
      type : 'POST',
      url: url,
      cache: false,
      data: $('#main-form-contact').serialize(),
      success: function(html){
        if(html=='true'){
          $('#main-ajax-loader').remove();
          $('#main-form-info').html('Demande envoyée');
          $('#main-form-info').css({backgroundColor : 'green', color : 'white', border : '1px dotted white'});
          $('#main-form-contact').html("La demande a été soumise. Nous vous répondrons dans les meilleures délais");
          $('#main-form-contact').fadeIn('slow');
        }else{
          $('#main-ajax-loader').remove();
          $('#main-form-contact').fadeIn('slow');
          $('#main-form-info').html('Formulaire invalide');
          $('#main-form-info').css({backgroundColor : 'red', color : 'white', border : '1px dotted white'});
          $('#cache-info').show();
        }
      }
          
      });
    request.fail(function(jqXHR, textStatus){
    alert("Une erreur s'est produite\nveuillez nous excuser pour la gène occasionnée\nmerci de réessayer plus tard");
    });
  });

  return false;
});
</script>